<?php
/**
 * index.phtml
 * Element of BigAaWSystem.
 * Date: 20/03/13
 * Time: 10:10
 * Developed by Marek Kaszewski
 */
if($firstTimeUser){
?>
    <div class="flash flash-success">
        <img src="images/icons/accept.png" title="" alt="" width="16" height="16" />
        <span>This is a flash message with <a href="" title="">links to</a> act on</span>
        <div class="right"></div>
    </div>
<?php
}
?>
<script>
    jQuery(document).ready(function($) {
        $.get("/ajax/agentslist", function( data ) {
            $( "#agents-table-container" ).html( data );
            //  alert( "Load was performed." );
        });
    });
</script>
<!-- Colour Tabbed Block (Full Width) -->
<div class="block block-colour">

<!-- Block Header -->
<div class="head">
    <div class="cap-left"></div>
    <div class="cap-right"></div>
    <div class="content">

        <!-- Block Title -->
        <h2><?php echo $this->translate('Remote agents collection');?></h2>
        <!-- /Block Title -->

        <!-- Block Action Buttons -->
        <ul class="action-buttons">
            <li><a href="/hub/addagent" title="" class="button button-colour fancybox" data-fancybox-type="ajax"><?php echo $this->translate('Add new agent');?></a></li>
        </ul>
        <!-- /Block Action Buttons -->

        <!-- Tabs JS -->
        <script type="text/javascript">
            $(function(){
                $('#tabs-two').sTabs();
            });
        </script>
        <!-- /Tabs JS -->

        <!-- Block Tabs Menu -->
        <ul class="block-tab-menu" id="tabs-two">
            <li><a href="#tab-two-one" title="">Tab One</a></li>
            <li><a href="#tab-two-two" title="">Tab Two</a></li>
            <li><a href="#tab-two-three" title="">Tab Three</a></li>
        </ul>
        <!-- /Block Tabs Menu -->

    </div>
    <div class="clear-both"></div>
</div>
<!-- /Block Header -->

<!-- Block Content -->
<div class="block-content">

<!-- Tab One -->
<div id="tab-two-one">

    <!-- Standard Table -->
    <div id="agents-table-container"></div>

    <!-- Action Set & Pagination -->
    <div class="action-set-pagination">
        <div class="left">
            <select name="action">
                <option value="1">Edit Action</option>
                <option value="2">Delete Action</option>
            </select>
            <button type="submit" class="form-button-colour">Perform</button>
        </div>
        <div class="clear-both"></div>
    </div>
    <!-- /Action Set & Pagination -->

</div>
<!-- /Tab One -->

<!-- Tab Two -->
<div id="tab-two-two">

    <!-- Standard Content -->
    <div class="standard-content">
        <h3>Tab Two Content Title</h3>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, <a href="" title="">sed do eiusmod tempor</a> incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
        <ul>
            <li>This is a long bullet point right here</li>
            <li>Bit of a shorter one now</li>
            <li>Then for a bit of a longer one again</li>
        </ul>
        <p>
            Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </p>
    </div>
    <!-- /Standard Content -->

</div>
<!-- /Tab Two -->

<!-- Tab Three -->
<div id="tab-two-three">

    <!-- Standard Content -->
    <div class="standard-content">
        <h3>Tab Three Content Title</h3>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, <a href="" title="">sed do eiusmod tempor</a> incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </p>
        <ul>
            <li>This is a long bullet point right here</li>
            <li>Bit of a shorter one now</li>
            <li>Then for a bit of a longer one again</li>
        </ul>
        <p>
            Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </p>
    </div>
    <!-- /Standard Content -->

</div>
<!-- /Tab Three -->

</div>
<!-- /Block Content -->

<!-- Block Footer Cap -->
<div class="block-footer-cap">
    <div class="cap-left"></div>
    <div class="cap-right"></div>
    <div class="content"></div>
</div>
<!-- /Block Footer Cap -->


<?php
foreach($newEndpoints as $endpoint => $values) {
    echo $endpoint . "<br>";

}
?>


</div>
<!-- /Colour Tabbed Block (Full Width) -->
